<template>
	<view>
		<view class="footertextwarp">
			<view class="floor_box">

				<view class="floor_five">
					<view class="frisobaby" @tap='linkbtn' :data-webview="frisobaby_url"></view>
					<view class="input-text">
						<input type="text" name="text_name" placeholder="请输入生产批号" placeholder-class="phClass" />
					</view>
					<view class="random">随机批号开始查询</view>
					<view class="search">查询信息</view>
					<view class="where">生产批号在哪里?</view>
				</view>


				<view class="floor_six zero">
					<image :src="index_16"></image>
				</view>


				<view class="other_link">
					<view class="check_real" @tap='linkbtn' :data-webview="check_real_url">
							<text>甄别官方原罐</text>
					</view>
					<view class="qa" @tap='linkbtn' :data-webview="qa_url">
							<text>美妈Q&amp;A</text>
					</view>
				</view>

			</view>


			<view class="contact">
				<view class="l_content">
					<view class="l_content_text">美妈</view>
					<view class="l_content_text">热线</view>
				</view>
				<view class="r_content">
					<view class="r_content_text">固话/手机用户:800-820-2775</view>
					<view class="r_content_text">手机用户:400-820-2775（周一至周日9:00-18:00）</view>
				</view>
			</view>


			<view class="footer_text">
				<view class="text">© 2016 菲仕兰食品贸易(上海)有限公司，版权所有&nbsp;&nbsp;电话：
					<text>021-63910066</text>
				</view>
				<view class="text">上海市黄浦区淮海中路93号大上海时代广场办公楼28楼&nbsp;&nbsp;
					<text>官网地图</text>
				</view>
				<view class="text">沪ICP备13035543号&nbsp;
					<image class="recod" :src="recod"></image>
					沪公网安备31010102003060号
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	// import footer from '@/components/page-footer.vue'
	export default {
		data() {
			return {
				frisobaby_url:'https://www.frisobaby.com/mobile/milksoures/',
				check_real_url:'https://www.frisobaby.com/mobile/buy/',
				qa_url:'https://www.frisobaby.com/mobile/beautiful-mother/qa/qa-mama/',
				index_16: 'https://www.frisobaby.com/resources/images/mobile/index_16.jpg',

				recod: 'https://www.frisobaby.com/resources/images/pc/record.png',

			}

		},
		onLoad() {

		},
		methods: {
			linkbtn: function(e) {
				var webview = e.currentTarget.dataset.webview
				if (webview !== '') {
					uni.navigateTo({
						url: '/pages/link/link?url=' + webview
					})
				}
			},
		},
		components: {

		}
	}
</script>

<style>
	.phClass {
		color: #666;
	}

	.footertextwarp {
		padding-bottom: 76upx;
	}


	.contact {
		height: 45px;
		overflow: hidden;
		padding-top: 20upx;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background:#FBF7F0;
	}

	.l_content {
		float: left;
		color: #0041a2;
		font-size: 28upx;
		width: 70upx;
		height: 70upx;
		margin-left: 35upx;
		line-height: 30upx;
		flex: 1;
	}

	.r_content {
		flex: 9;
		float: left;
		color: #333333;
		font-size: 25upx;
		width: 480upx;
		height: 70upx;
		line-height: 25upx;
		margin-top: 3upx;
		margin-left: 35upx;
	}

	.r_content view {
		color: #333333;
	}

	.l_content_text {
		line-height: 36upx;
	}

	.r_content_text {
		line-height: 36upx;
	}

	.footer_text {
		width: 100%;
		background: #002F76;
		color: #FFFFFF;
		padding: 10upx;
		text-align: center;
		box-sizing: border-box;
	}

	.footer_text .text {
		font-size: 14upx;
		height: 25upx;
		line-height: 25upx;
		color: #FFFFFF;
	}

	.footer_text .recod {
		width: 20upx;
		height: 20upx;
		vertical-align: middle;
	}

	.floor_five {
		background: url(https://www.frisobaby.com/resources/images/mobile/index_10.jpg) 0 0 no-repeat;
		width: 100%;
		height: 197upx;
		position: relative;
		background-size: 100%;
	}

	.floor_five .frisobaby {
		width: 100%;
		height: 179upx;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
		padding-left: 0;
	}

	.input-text {
		width: 272upx;
		height: 40upx;
		position: absolute;
		top: 68upx;
		left: 228upx;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.input-text input {
		font-size: 24upx;
		line-height: 40upx;
		background: url(https://www.frisobaby.com/resources/css/mobile/about:blank);
		border: none;
		height: 40upx;
		text-align: center;
		width: 272upx;
		background-size: contain;
		color: #333333;
		flex: 1;
	}


	.floor_five .random {
		background: url(https://www.frisobaby.com/resources/images/mobile/index_13.png) 0 0 no-repeat;
		width: 190upx;
		height: 34upx;
		bottom: 10upx;
		left: 198upx;
		display: block;
		color: #ffffff;
		font-size: 20upx;
		position: absolute;
		padding-left: 14upx;
		line-height: 34upx;
		background-size: 100%;
	}

	.floor_five .search {
		background: url(https://www.frisobaby.com/resources/images/mobile/index_14.png) 0 0 no-repeat;
		width: 111upx;
		height: 34upx;
		bottom: 10upx;
		left: 422upx;
		display: block;
		color: #ffffff;
		font-size: 20upx;
		position: absolute;
		padding-left: 14upx;
		line-height: 34upx;
		background-size: 100%;
	}

	.floor_five .where {
		border-bottom: 1upx solid #00327D;
		color: #00327D;
		right: 313upx;
		top: 114upx;
		padding: 0;
		display: block;

		font-size: 20upx;
		position: absolute;

		line-height: 30upx;
	}


	.content_gold_page .floor_six {
		width: 100%;
		text-align: center;
		cursor: pointer;
	}

	.zero {
		font-size: 0;
	}

	.other_link .check_real {
		height: 140upx;
		line-height: 140upx;
		background: url(https://www.frisobaby.com/resources/images/mobile/product_20001_10.jpg) 0 0 no-repeat;
		background-size: 100%;
	}

	.other_link text {
		font-size: 32upx;
		padding-left: 145upx;
		display: block;
		color: #00327d;
	}

	.other_link .qa {
		height: 138upx;
		line-height: 138upx;
		margin-top: 2upx;
		background: url(https://www.frisobaby.com/resources/images/mobile/product_20001_12.jpg) 0 0 no-repeat;
		background-size: 100%;
	}
</style>
